<script lang="ts" setup>
import {ref} from 'vue'
import zhCn from 'element-plus/es/locale/lang/zh-tw'
import ja from 'element-plus/es/locale/lang/ja'

const jp = ref(ja)
const locale = ref(zhCn)
const d1 = ref('')
const d2 = ref('')
</script>
<template>
  <h3>默认英语</h3>
  <el-row>
    <el-date-picker v-model="d1" placeholder="请选择日期" type="date"/>
    <el-date-picker v-model="d2" placeholder="请选择日期" type="dates"/>
  </el-row>
  <el-row>
    <h3>台湾地区</h3>
    <el-config-provider :locale="locale">
      <el-date-picker v-model="d1" placeholder="请选择日期" type="date"/>
      <el-date-picker v-model="d2" placeholder="请选择日期" type="dates"/>
    </el-config-provider>
  </el-row>
  <el-row>
    <h3>日语</h3>
    <el-config-provider :locale="jp">
      <el-date-picker v-model="d1" placeholder="请选择日期" type="date"/>
      <el-date-picker v-model="d2" placeholder="请选择日期" type="dates"/>
    </el-config-provider>
  </el-row>
</template>
